<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详细页</title>
    <link rel="stylesheet" href="../web_p2/_reset.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./indexp3.css">
</head>
<body>

<div class="web">
      <!-- 公共部分 -->
      <header>
        <div class="logo header"></div>
        <div class="subnav header"></div>
        <div class="nav header">
          <p>
            <a href="">首页</a>
            <a href="">音响</a>
            <a href="">家庭系统</a> 
            <a href="">商业系统</a> 
            <a href="">客户服务</a> 
            <a href="">产品与科技</a> 
            <a href="">工程案例</a> 
            <a href="">资讯</a> 
          </p>
        </div>
      </header>
    <!-- 主体部分 -->
   <main>
        <!-- 左边菜单 -->  
        <div class="list box">
            <div class="news-category">
                <ul>
                    <li>>业内新闻NEWS</li>
                    <li>>媒体报道REPOTRS</li>
                    <li>>其他资料DATE</li>
                    <li>>主要成绩ACHIVEMENT</li>
                    <li>>公司发展THE COMPANY</li>
                </ul>
                <div class="icon-phone">
                    <img src="./img/p2/callup.png" alt="">
                </div>
                <div class="phone-num1">
                    <img src="./img/p2/0755-25023653.png" alt="">
                </div>
                <div class="phone-num2">
                    <img src="./img/p2/0755-25023651.png" alt="">
                </div>
                
            </div>
        </div>
           <!-- 电影详细介绍 -->
           <div class="detail-content">
               <div class="left-titel">
                   <p>首页>业内新闻>电影导演教你欣赏杜比全景声音效</p>
               </div> 
               <div class="right-date">
                   <p>更新日期：2015-11-18</p>
               </div>
               <hr class="spe1"  />
               <div class="content-title">
                   <p>电影导演教你欣赏杜比全景声音效</p>
               </div>
               <div class="mov1-title">
                   <p>《地心引力》</p>
               </div>
               <div class="Gravity_cover">
               </div>
               <div class="Gravity_content"></div>
               <div class="Gravity_actor">
                《地心引力》,导演：艾方索•柯朗
               </div>
               <div class="Gravity_actor_pic"></div>
               <div class="Gravity_actor_speak"></div>
               <div class="Gravity_movie-pic"></div>
               <div class="hug_title">
                   <p>《饥饿游戏2，星火燎原》</p>
               </div>
               <div class="hug_cover"></div>
               <div class="hug_director_pic"></div>
               <div class="hug_director_speak"></div>
               <div class="hobbit2_title">
                   <p>《霍比特人2：史矛革之战》</p>
               </div>
               <div class="hobbit2_cover"></div>
               <div class="hobbit2_intro"></div>
               <div class="hobbit2_diractor_title">
                   <p>《霍比特人2：史矛革之战》，导演:彼得•杰克逊</p>
               </div>
               <div class="hobbit2_diractor_pic"></div>
               <div class="hobbit2_diractor_speak"></div>
               <div class="hobbit2_movpic"></div>




        </div>
   </main>
        <!-- 左边菜单 -->
     <!-- 底部 -->
     <footer>
        <div class="footer-top">
          <div class="footer-top-content">
            <div class="content-contact">
              <!-- 左侧二维码 -->
              <div class="con-qrcode">
                <div class="qrcode"></div>
                <div class="qrtext"></div>
              </div>
              <!-- 联系方式 -->
              <div class="con-way">
                <div class="way-title"></div>
                <div class="way-phone"></div>
                <div class="way-email"></div>
                <div class="way-address"></div>
              </div>
            </div>
            <!-- 底部右侧反馈 -->
            <div class="content-feedback">
              <h3><img src="./img/底部/用户反馈：.png" alt=""></h3>
              <div class="name-email">
                <div class="name">
                  <input type="text"placeholder="你的名字">
                </div>
                <div class="email">
                  <input type="text"placeholder= "你的电子邮箱" >
                </div>
              </div>
              <div class="heading">
                <input type="text"placeholder="请输入一个标题">
              </div>
              <div class="msg-content">
                <input type="text" placeholder="请输入你要留言的内容">
              </div>
              <div class="msg-btn">
                <button> <a href="">留言</a></button>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <!-- 底部版权信息 -->
          <div class="footer-bottom-triangle"></div>
          <div class="bottom-words"></div>
        </div>
      </footer>
</div>
    
</body>
</html>